<template>
  <view class="container p-3 mb-2" style="background: none;">
    <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
      <ol class="breadcrumb">
        <li class="breadcrumb-item" v-for="(item,index) in props.sitebar" :key="index">
          <a @click="sheep.$router.go(item.url)" href="#">{{item.name}}</a></li>
<!--        <li class="breadcrumb-item active" aria-current="page">商品详情</li>-->
      </ol>
    </nav>
  </view>
</template>

<script setup>
import sheep from '@/sheep';
const props = defineProps({
  sitebar:{
    data:[{
      name:'首页',
      url:'/pages/index/index',
    }
    ]
  }
});
console.log(props.sitebar);
</script>
<style scoped lang="scss">
  .breadcrumb a{
    text-decoration: none;
    color: #333333;
  }
</style>